:root {
  --cp-plain: #eaf8f6;
  --cp-orange: #fca21c;
  --cp-text1: #121826;
  --cp-text2: #3c3e42;
  --cp-text3: #6f6f6f;
  --cp-tag: #848484;
  --cp-dark: #979797;
  --cp-tip: #c3c3c5;
  --cp-disable: #d9dbde;
  --cp-line: #ededed;
  --cp-bg: #f6f7f9;
  --cp-price: #eb5757;
  // 覆盖vant的变量
  --van-primary-color: var(--cp-primary);
  // 单元格上下间距
  --van-cell-vertical-padding: 14px;
  // 复选框大小
  --van-checkbox-size: 14px;
  // 默认按钮文字大小
  --van-button-normal-font-size: 16px;
  --bg-primary: #f5f5f5;
  --cp-primary: #16c2a3;
  --cp-contact-color: rgba(51, 51, 51, 1);
  --my-bg-primary: #16c2a3;
  --bg-tertiary: #fff;
  --chat-message-bg: rgba(255, 255, 255, 0.9);
  --chat-message-text: rgba(0, 0, 0, 0.5);
  --chat-input-bg: #f0f0f0;
  --chat-input-inset: #fff;
  --contact-input-box: #f9f9f9;
  --detail-bg-primary: #eeeeee;
}
// 暗黑模式
//dark-theme
.dark-theme {
  /* 背景色 */
  --bg-primary: #121212 !important; /* 主背景 */
  --bg-secondary: #1e1e1e; /* 次要背景/卡片 */
  --bg-tertiary: #252525 !important; /* 三级背景/高亮区域 */
  --van-cell-background: #252525 !important;
  --van-nav-bar-background: #1e1e1e !important;
  --van-collapse-item-content-background: #1e1e1e !important;
  --van-cell-active-color: #252525 !important;
  --my-bg-primary: #121212 !important;
  --van-tabs-nav-background: #252525 !important;
  --chat-message-bg: var(--bg-tertiary) !important;
  --chat-message-text: white !important;
  --chat-input-bg: var(--bg-secondary) !important;
  --van-dialog-background: var(--bg-primary) !important;
  --van-button-default-background: var(--bg-primary) !important;
  --van-button-default-color: white !important;
  --van-text-color: white !important;
  --contact-input-box: var(--bg-tertiary) !important;
  --detail-bg-primary: #292929 !important;
  --van-uploader-upload-background: var(--bg-tertiary) !important;
  --van-tabbar-background: var(--bg-primary) !important;
  --van-tabbar-item-active-background: var(--bg-tertiary) !important;
  --van-action-sheet-item-background: var(--bg-tertiary) !important;
  --van-tabbar-item-active-background: var(--bg-tertiary) !important;
  /* 文本色 */
  --text-primary: #e0e0e0; /* 主要文本 */
  --text-secondary: #a0a0a0; /* 次要文本/时间戳 */
  --text-tertiary: #707070; /* 提示文本 */
  --van-field-input-text-color: #e0e0e0 !important;
  --van-checkbox-label-color: #e0e0e0 !important;
  --van-nav-bar-title-text-color: #e0e0e0 !important;
  --van-cell-text-color: #e0e0e0 !important;
  --cp-text1: #e0e0e0 !important;
  --cp-text2: #e0e0e0 !important;
  --cp-contact-color: #e0e0e0 !important;
  --van-tab-text-color: #e0e0e0 !important;
  --van-tab-active-text-color: var(--accent-color) !important;
  /* 边框色 */
  --border-color: #333333; /* 分割线/边框 */

  /* 强调色 - 保留原有的绿色但调整亮度 */
  --accent-color: #00b894; /* 原绿色调整 */
  --accent-light: #33c6a5; /* 亮一点的强调色 */

  /* 功能色 */
  --like-color: #e74c3c; /* 喜欢/点赞 */
  --link-color: #3498db; /* 链接色 */
  .emoji-mart-bar:first-child,
  .emoji-mart-scroll,
  .emoji-mart-category-label {
    background-color: var(--bg-primary) !important;
    color: white;
  }
  .van-action-sheet__gap {
    background-color: var(--bg-primary) !important;
  }
}

// 全局样式
body {
  font-size: 14px;
  color: var(--cp-text1);
}
a {
  color: var(--cp-text2);
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol {
  margin: 0;
  padding: 0;
}

#nprogress .bar {
  background-color: var(--cp-primary) !important;
}

// 全局覆盖van-tab样式
.van-tabs {
  .van-tabs__nav {
    padding: 0 0 15px 0;
  }
  .van-tabs__line {
    width: 20px;
    background-color: var(--cp-primary);
  }
  .van-tab {
    padding: 0 15px;
  }
}
